<header class="marketing-banner">
  <h1 class="banner-headline no-toc no-anchor">Contribute to Angular</h1>
</header>

<article class="contribute-container center-layout">
  <div>

    <h2 class="no-anchor">Angular Projects</h2>

    <p>We'd love for you to contribute to our source code and to make Angular projects even better.</p>

    <div class="card-section">
      <div>
        <h3 class="no-anchor">Angular</h3>

        Angular is a next generation mobile and desktop application development platform.

      </div>

      <a href="https://github.com/angular/angular/blob/master/CONTRIBUTING.md" class="button button-blue" mat-button>
        Contribute
      </a>
    </div>

    <div class="card-section">
      <div>
        <h3 class="no-anchor">Angular CLI</h3>

        Angular CLI makes it easy to create an application that already works, right out of the box.
        It already follows our best practices.

      </div>

      <a href="https://github.com/angular/angular-cli/blob/master/CONTRIBUTING.md" class="button button-blue" mat-button>
        Contribute
      </a>
    </div>

    <div class="card-section">
      <div>
        <h3 class="no-anchor">Angular Material</h3>

        Our goal is to deliver a lean, lightweight set of Angular-based UI elements that implement the material design
        specification for use in Angular single-page applications (SPAs).

      </div>

      <a href="https://github.com/angular/components/blob/master/CONTRIBUTING.md" class="button button-blue" mat-button>
        Contribute
      </a>
    </div>

    <div class="card-section">
      <div>
        <h3 class="no-anchor">AngularFire</h3>

        AngularFire is the officially supported Angular binding for Firebase.
        Firebase is a full backend so you don't need servers to build your Angular app.

      </div>

      <a href="https://github.com/angular/angularfire/blob/master/CONTRIBUTING.md" class="button button-blue" mat-button>
        Contribute
      </a>
    </div>

  </div>
</article>
